<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- <link rel="stylesheet" href="css/bootstrap.css" /> -->
		<link rel="stylesheet" href="css/mafengwo.css" />
		<script src="js/bootstrap.js"></script>
		<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
		<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
		<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
		<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
		
	</head>
	<body>
		<!-- 头部 -->
		<div class="top">
			<div class="top1"><img src="img/1.png" /></div>
				<div class="top2">
					<ul>
						<li class="shou">首页</li>
						<li>目的地</li>
						<li>旅游功率</li>
						<li>去旅游</li>
						<li>机票火车票</li>
						<li>订酒店</li>
						<li>社区</li>
						<li>APP</li>
					</ul>
				</div>
		</div>
		
		<!-- 单选框 -->
		<div class="top3">
			<div class="dan">
			   <form>
			     <label class="radio-inline"><input type="radio" name="optradio">全部</label>
			     <label class="radio-inline"><input type="radio" name="optradio">酒店</label>
			     <label class="radio-inline"><input type="radio" name="optradio">目的</label>
				 <label class="radio-inline"><input type="radio" name="optradio">旅行</label>
				 <label class="radio-inline"><input type="radio" name="optradio">机票</label>
			   </form>
			</div>
			<div class="sou">
			<form class="d-flex">
			        <input class="form-control me-sm-2" type="text" placeholder="搜目的地/攻略/酒店/旅行特价">
			        <button class="btn btn-secondary my-2 my-sm-0" type="submit"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">搜索</font></font></button>
			      </form>
			</div>
		</div>
		
		<!-- 轮播图 -->
		<div class="box2">
			<div id="demo" class="carousel slide" data-ride="carousel">
			  <!-- 指示符 -->
			  <ul class="carousel-indicators">
			    <li data-target="#demo" data-slide-to="0" class="active"></li>
			    <li data-target="#demo" data-slide-to="1"></li>
			    <li data-target="#demo" data-slide-to="2"></li>
				<li data-target="#demo" data-slide-to="3"></li>
				<li data-target="#demo" data-slide-to="4"></li>
			  </ul>
			 
			  <!-- 轮播图片 -->
			  <div class="carousel-inner">
			    <div class="carousel-item active">
			      <img src="img/lb1.jpg">
			      <div class="carousel-caption">
			        <h3>5/Aug.2021</h3>
			        <p>福建8天漫游记|梦里身是武夷客，不辞长做闽南人</p>
			      </div>
			    </div>
			    <div class="carousel-item">
			      <img src="img/lb2.jpg">
			      <div class="carousel-caption">
			        <h3>4/Aug.2021</h3>
			        <p>韶关|三江碧浪穿境过，十里青山半入城</p>
			      </div>
			    </div>
				<div class="carousel-item">
				  <img src="img/lb3.jpg">
				  <div class="carousel-caption">
				    <h3>3/Aug.2021</h3>
				    <p>10天3700公里，飞驰在美西路上的“鲜活”记忆</p>
				  </div>
				</div>
				
				<div class="carousel-item">
				  <img src="img/lb4.jpg">
				  <div class="carousel-caption">
				    <h3>2/Aug.2021</h3>
				    <p>青岛夏日之旅，与你相约在蔷薇花开的夏天。</p>
				  </div>
				</div>
			    <div class="carousel-item">
			      <img src="img/lb5.jpg">
			      <div class="carousel-caption">
			        <h3>1/Aug.2021</h3>
			        <p>五年之约再访呼伦贝尔，在初夏的草原勇敢前行</p>
			      </div>
			    </div>
			  </div>
			 
			  <!-- 左右切换按钮 -->
			  <a class="carousel-control-prev" href="#demo" data-slide="prev">
			    <span class="carousel-control-prev-icon"></span>
			  </a>
			  <a class="carousel-control-next" href="#demo" data-slide="next">
			    <span class="carousel-control-next-icon"></span>
			  </a>
			</div>
			
			
			<!-- 胶囊部分 -->
			<div class="qiehuan">
			<div class="container">
			  <h2>当季推荐</h2>
			  <br>
			  <!-- Nav tabs -->
				  <ul class="nav nav-tabs" role="tablist">
					<li class="nav-item">
					  <a class="nav-link active" data-toggle="tab" href="#home">1月</a>
					</li>
					<li class="nav-item">
					  <a class="nav-link" data-toggle="tab" href="#menu2">2月</a>
					</li>
					<li class="nav-item">
					  <a class="nav-link" data-toggle="tab" href="#menu3">3月</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" data-toggle="tab" href="#menu2">4月</a>
					</li>
					<li class="nav-item">
					  <a class="nav-link" data-toggle="tab" href="#menu3">5月</a>
					</li>
					<li class="nav-item">
					  <a class="nav-link" data-toggle="tab" href="#menu3">6月</a>
					</li>
					<li class="nav-item">
					  <a class="nav-link" data-toggle="tab" href="#menu3">7月</a>
					</li>
					<li class="nav-item">
					  <a class="nav-link" data-toggle="tab" href="#menu2">8月</a>
					</li>
					<li class="nav-item">
					  <a class="nav-link" data-toggle="tab" href="#menu3">9月</a>
					</li>
					<li class="nav-item">
					  <a class="nav-link" data-toggle="tab" href="#menu2">10月</a>
					</li>
					<li class="nav-item">
					  <a class="nav-link" data-toggle="tab" href="#menu3">11月</a>
					</li>
					<li class="nav-item">
					  <a class="nav-link" data-toggle="tab" href="#menu3">12月</a>
					</li>
				  </ul>
			
			  <!-- 一月 -->
			  <div class="tab-content">
			    <div id="home" class="container tab-pane active"><br>
					<div class="row">
						<div class="col-md-4"><img src="img/1-1.png" /><p>三亚</p></div>
						<div class="col-md-4"><img src="img/1-2.jpeg" /><p>香港</p></div>
						<div class="col-md-4"><img src="img/1-3.jpeg" /><p>广州</p></div>
						
					</div>
					<div class="row">
						<div class="col-md-4"><img src="img/1-4.jpeg" /><p>越南</p></div>
						<div class="col-md-4"><img src="img/1-5.jpeg" /><p>新加坡</p></div>
						<div class="col-md-4"><img src="img/1-6.jpeg" /><p>黑龙江</p></div>
					</div>
			    </div>
				<!-- 二月 -->
			    <div id="menu2" class="container tab-pane fade"><br>
			      <div class="row">
			      	<div class="col-md-4"><img src="img/2-1.jpeg" /><p>普吉岛</p></div>
			      	<div class="col-md-4"><img src="img/2-2.jpeg" /><p>南京</p></div>
			      	<div class="col-md-4"><img src="img/2-3.jpeg" /><p>清迈</p></div>
			      </div>
			      <div class="row">
			      	<div class="col-md-4"><img src="img/2-4.jpeg" /><p>昆明</p></div>
			      	<div class="col-md-4"><img src="img/2-5.jpeg" /><p>新西兰</p></div>
			      	<div class="col-md-4"><img src="img/2-6.jpeg" /><p>菲律宾</p></div>
			      </div>
			    </div>
				<!-- 三月 -->
			    <div id="menu3" class="container tab-pane fade"><br>
			     <div class="row">
			     	<div class="col-md-4"><img src="img/3-1.jpeg" /><p>日本</p></div>
			     	<div class="col-md-4"><img src="img/3-2.jpeg" /><p>西安</p></div>
			     	<div class="col-md-4"><img src="img/3-3.jpeg" /><p>重庆</p></div>
			     </div>
			     <div class="row">
			     	<div class="col-md-4"><img src="img/3-4.jpeg" /><p>杭州</p></div>
			     	<div class="col-md-4"><img src="img/3-5.jpeg" /><p>贵州</p></div>
			     	<div class="col-md-4"><img src="img/3-6.jpeg" /><p>大阪</p></div>
			     </div>
				
			    </div>
			  </div>
			</div>
			</div>
			<!-- 线条 -->
			<hr />
			<!-- 热销 -->
			<div class="hold">
				<h3>本周热销榜</h3>
				<hr />
				<div class="hold1">
					<img src="img/r1.jpeg" />
					<h5>美到窒息的海+海岛控的梦想之地·深圳往返大溪地8天6晚自由行</h5>
					<h4>￥34699起</h4>
				</div>
				<div class="hold2">
					<img src="img/r2.gif" />
					<h5>美到窒息的海+海岛控的梦想之地·深圳往返大溪地8天6晚自由行</h5>
					<h4>￥2999起</h4>
				</div>
				<div class="hold3">
					<img src="img/r3.jpeg" />
					<h5>美到窒息的海+海岛控的梦想之地·深圳往返大溪地8天6晚自由行</h5>
					<h4>￥0起</h4>
				</div>
				<div class="hold4">
					<img src="img/r4.jpeg" />
					<h5>美到窒息的海+海岛控的梦想之地·深圳往返大溪地8天6晚自由行</h5>
					<h4>￥2588起</h4>
				</div>
			<div class="hold5"></div>
				<h3>休假去哪儿</h3>
				<hr />
				<div class="hold1">
					<img src="img/r5.gif" />
					<h5>美到窒息的海+海岛控的梦想之地·深圳往返大溪地8天6晚自由行</h5>
					<h4>￥4100起</h4>
				</div>
				<div class="hold2">
					<img src="img/r6.gif" />
					<h5>美到窒息的海+海岛控的梦想之地·深圳往返大溪地8天6晚自由行</h5>
					<h4>￥10980起</h4>
				</div>
				<div class="hold3">
					<img src="img/r7.gif" />
					<h5>美到窒息的海+海岛控的梦想之地·深圳往返大溪地8天6晚自由行</h5>
					<h4>￥3638起</h4>
				</div>
				<div class="hold4">
					<img src="img/r8.gif" />
					<h5>美到窒息的海+海岛控的梦想之地·深圳往返大溪地8天6晚自由行</h5>
					<h4>￥11699起</h4>
				</div>
				
				
			
			</div>

			<!-- 底部 -->
			<div class="footer">
				<div class="footer1">
					<ul>马蜂窝旅游 
						<li>中国年轻一代用得更多的旅游网站</li>
						<li>上亿旅行者共同打造的<strong>"旅行神器"</strong></li>
						<li><strong>60，000 </strong>多个全球旅游目的地</li>
						<li><strong>600，000 </strong> 个细分目的地新玩法</li>
						<li><strong>760，000，000</strong> 次攻略下载</li>
						<li><strong>38，000 </strong> 家旅游产品供应商</li>
					</ul>
				</div>
				<div class="footer2">
					<ul>关于我们
						<li>关于马蜂窝&nbsp;&nbsp;联系我们</li>
						<li>隐私政策&nbsp;&nbsp;商标声明</li>
						<li>服务协议</li>
						<li>商城平台服务协议</li>
						<li>网络信息侵权通知指引</li>
						<li>马蜂窝旅游网服务监督员</li>
						<li>网站地图<strong>&nbsp;&nbsp;加入马蜂窝</strong></li>
					</ul>
				</div>
				<div class="footer3">
					<ul>
						<li>旅行服务</li>
						<li>旅游攻略&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;酒店预订</li>
						<li>旅游特价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;国际租车</li>
						<li>旅游问答&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;旅游保险</li>
						<li>旅游指南&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;定火车篇</li>
						<li>旅游咨询&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;APP下载</li>
						<li><strong>旅行商城全球商家入驻</strong></li>
					</ul>
				</div>
				<div class="footer4">
					<div class="footer4_list">
						<img src="img/f1.png" />
						<p>马蜂窝APP<br>扫码立即下载</p>
					</div>
						<div class="footer4_list1">
							<img src="img/f2.gif" />
							<p>马蜂窝旅游<br>订阅号</p>
						</div>
							<div class="footer4_list2">
								<img src="img/f3.png" />
								<p>马蜂窝良品<br>官方服务号</p>
							</div>
				</div>
			</div>
			<div class="footer5">
				<h6>旅游之前，先上马蜂窝!</h6>
				<div class="footer5_item">
				<img src="img/wx.png" />
				<img src="img/QQ.png" />
				<img src="img/kj.png" />
			</div>
			</div>
			
		
		
		
		</div>
	</body>
</html>
